<html>

<body>
<script>
var newProject = new Array("","","","","","","","","","");
var previousType = "desc";
function show1(type)
{
	var pre = eval("document.addProject."+previousType);
	pre.value = document.getElementById("txta").value;
	document.getElementById("txta").value = eval("document.addProject."+type+".value");
	document.getElementById(previousType).className = "free";
	document.getElementById(type).className = "choosen";
	previousType = type;
	
}

function openPreviewWindow()
{
	var maxX=screen.width; 
	var maxY= screen.height;
	var wX = window.width;
	var wY = window.height;
	var wdth = maxX - (maxX/4);
	var heght = maxY -(maxY/4);
	window.open("preview.html","preview","height="+heght+",width="+wdth+",scrollbar=yes").moveTo((maxX/2)-(wdth/2),(maxY/2)-(heght/2));
	
}
function textFill()
{
	var pre = eval("document.addProject."+previousType);
	pre.value = document.getElementById("txta").value;
}
</script>
<center>

<form name= "addProject" method="POST" action="addProject.jsp">

<center><table class="Btable" border="0" height= "50%" width="99%" cellspacing="0" cellpadding="0" >
<tr><td align="left" style="color: #000000; font-size: 12pt; padding: 0px" colspan="8"><b>Title:</b>&nbsp;&nbsp;&nbsp;<input style="width:90%; padding: 3px; font-size:12pt" type="text" name= "titl" id= "title">
	</td>
</tr>
<tr>
	<td id="desc" class="choosen" onclick="show1('desc')">Description
	</td>
	<td id="po" class="free" onclick="show1('po')">Project<br>Objectives
	</td>
	<td id="rb" class="free" onclick="show1('rb')">Required<br>Background
	</td>
	<td id="tn" class="free" onclick="show1('tn')">Tools<br>Needed
	</td>
	<td id="dl" class="free" onclick="show1('dl')">Difficulity<br>Level
	</td>
	<td id="pt" class="free" onclick="show1('pt')">Project<br>Type
	</td>
	<td id="pk" class="free" onclick="show1('pk')">Project<br>Keywords
	</td>
	<td id="er" class="free" onclick="show1('er')">Expected<br>Results
	</td>
	<td id="ac" class="free" onclick="show1('ac')">Additional<br>Comments
	</td>
</tr>	
<tr height="100%" style=" padding: 0px">
	<td class="tabsbody" colspan="10" valign="top">
		<br><textarea id= "txta" onchange="textFill()" style="font-size:12pt; width:99%; background-color: #eef3f7" name="description" ROWS="15"></textarea><br>
		<input type="hidden" name="desc"/>
		<input type="hidden" name="po"/>
		<input type="hidden" name="rb"/>
		<input type="hidden" name="tn"/>
		<input type="hidden" name="dl"/>
		<input type="hidden" name="pt"/>
		<input type="hidden" name="pk"/>
		<input type="hidden" name="er"/>
		<input type="hidden" name="ac"/>
		
		<INPUT TYPE="button" VALUE="Add Image" onclick="window.open('upload.html','upload','height=70,width=250')"/>
	</td>
</tr>
<tr>
	<td colspan="9">
		<center><input type="button" value ="Preview" onclick="openPreviewWindow()"/>&nbsp;<input type="submit" value =" Create new project"/></center>
	</td>
</tr>
	 </table>
</form>
</center>

</form>
</center>



</body>
</html>